<template>
    <div class="content">
 
      <div class="content-middle">
        <div class="content-item"><centerBottomLeft/></div>
        <div class="content-item"><centerBottomLeft/></div>
      </div>
      
    </div>
  </template>
  <script lang='ts' setup>
 import centerBottomLeft from '../home/components/centerBottomLeft.vue'
   </script>
  <style lang='scss' scoped>
  .content {
    display: flex;
    justify-content: space-around;
    color: #fff;
    height: calc(100% - 90px);
   
    .content-middle {
      width: 90%;
      height: auto;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .content-item {
        width: 49%;
        height: 80%;
        background-image: url("../../assets/images/u34.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-size: 100% 100%;
      }
      
    }
   
  }
  </style>
  